<template>
  <div class="foot">
    <div class="footerOne width">
      <div class="left">
        <img :src="image" alt="">
        <p>{{name}}</p>
      </div>
      <div class="center">
        <div>{{content}}</div>
        <div>
          地址: {{address}}
        </div>
        <div>
          手机: {{phone}}
        </div>
      </div>
      <div class="right">
        <img :src="whcatImg" alt="">
        <div>微信公众号</div>
      </div>
    </div>
    <div class="footerTwo">
      {{put}}
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      image:require('../assets/logo2.png'),
      name:'山东柏瑞软件科技有限公司',
      put:'Shandong Bairui Software Technology Co., Ltd. 山东柏瑞软件科技有限公司版权所有 鲁ICP备17006298号-1',
      content:'联系我们',
      address:'济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南)',
      phone:'18661349342',
      whcatImg:require('../assets/er.png')
    }
  }
}
</script>
<style lang="scss" scoped>
.width {
  max-width: 1248px;
  margin: 0 auto;
}
.foot {
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
  background: #F5F5F5;
  box-shadow: 0px 5px 40px 0px rgba(116, 116, 116, 0.35);

  .footerOne {
    padding: 49px 0px;
    display: flex;
    justify-self: unset;
    justify-content: space-between;

    .left {
      width: 40%;
      // background: #f00;
      display: flex;
      justify-content: left;
      align-items: center;
      font-size: 27px;
      img {
        width: 83px;
        height: 99px;
        // display: inline;
        margin-right: 18px;
      }
    }

    .center {
      width: 32%;
      // background: chartreuse;
      font-size: 18px;
      line-height: 40px;
    }

    .right {
      width: 142px;
      text-align: center;
      // background: coral;
      img {
        width: 142px;
        height: 142px;
      }
    }
  }

  .footerTwo {
    border-top: 1px solid #C1C1C1;
    text-align: center;
    color: #666666;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
  }
}
</style>